<template>
    <a-modal :visible="modelValue" @update:visible="$emit('update:modelValue', $event)" title="Cookie获取方式" width="800px">
        <!-- <h1>通过浏览器控制台</h1> -->
        <p style="font-weight: bold;">打开 <a href="https://user.mihoyo.com/" target="_blank"> https://user.mihoyo.com/ </a>并登录后</p>
        <p style="margin-bottom: 2px;">按打开控制台。</p>
        <p style="margin-bottom: 2px;">输入 document.body.innerHTML = document.cookie 并回车（这时会将网页内容改为Cookie字符串）</p>
        <p style="margin-bottom: 2px;">选中网页中的全部内容，复制即可</p>
        <a href="https://yyzhu.vip/d/1009" target="_blank">
            <a-button type="link" style="margin-top: 10px;">前往查看详细的教程</a-button>
        </a>
        <template #footer>
            <a-button type="dashed"  @click="$emit('update:modelValue', false)">我知道了</a-button>
        </template>
    </a-modal>
</template>

<script setup lang="ts">
import {
    Button as AButton,
    Modal as AModal,
} from 'ant-design-vue'
defineProps(['modelValue'])
defineEmits(['update:modelValue'])
</script>

<style scoped lang="scss">

</style>